<template>
  <div class="head">
    <van-nav-bar :title="title" left-arrow @click-left="$router.go(-1)" />
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      required: true
    }
  },
}
</script>

<style lang="scss" scoped>
.head{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

.van-nav-bar {
  background-color: salmon;
}

/deep/ .van-nav-bar__title{
  color: #fff;

}

/deep/ .van-nav-bar .van-icon {
  color: #fff;
}
</style>